@charset "utf-8";
/* CSS Document */


.top{ height: 50px}
#today{ float: left; font: 16px/50px "Microsoft Yahei"; color: #aaa;}

.search{ float: right; position: relative; width: 270px; height: 34px; margin-top: 8px; }
.keyword{ position: absolute; top: 0; left: 0; width: 203px; height: 34px; font: 12px/32px "Microsoft Yahei"; color: #666; text-indent: 1em; border: 1px solid #e5e5e5; border-right: 0; border-top-left-radius: 16px; border-bottom-left-radius: 16px; box-sizing: border-box;}
input.keyword:-moz-placeholder{ color: #aaa; }
input.keyword:-ms-input-placeholder{color:#aaa;}
input.keyword::-webkit-input-placeholder{color:#aaa;}
a.btn_search{ position: absolute; top: 0; right: 0; width: 67px; height: 34px; font: 12px/34px "Microsoft Yahei"; color: #fff; text-indent: 34px; background: url(../images/icon_search.png) no-repeat 9px center #e50162; border-top-right-radius: 2px; border-bottom-right-radius: 2px; cursor: pointer;}
a.btn_search:hover{ color: #fff;}

.banner{ height: 1920px; height: 298px; background: url(../images/banner.jpg) no-repeat center top; border-bottom: 3px solid #fb7299;}
.logo{ position: absolute; top: 84px; left: 84px; width: 665px; height: 118px; }


.nav{ height: 69px; margin-bottom: 30px; border-bottom: 1px solid #eeeeee;}
.nav_tem{ position: relative; float: left; height: 69px; padding: 0 15px; margin: 0 11px; font: 20px/70px "Microsoft Yahei";}
.nav_tem:before{ display: none; position: absolute; bottom: 0; left: 0; width: 100%; height: 5px; background: url(../images/icon_tri.png) no-repeat center bottom; border-bottom: 3px solid #d53c3e; content: ""}
.nav_tem a{ display: block; width: 100%; height: 100%; color: #333;}
.nav_tem:hover:before{ display: block;}
.nav_tem:hover a{ }

.right_bar{ position: absolute; top: 450px; left: 50%; width: 70px; margin-left: 660px; }
.right_bar_tem{ position: relative; width: 70px; height: 70px; margin-bottom: 20px; background-color: #f3f3f3; border-radius: 6px; cursor: pointer;}
.right_bar_tem i{ position: absolute; top: 12px; left: 50%; width: 32px; height: 26px; margin-left: -16px; background-image: url(../images/icon1.png);}
.right_bar_tem.wx i{ background-position: 0 0}
.right_bar_tem.wb i{ background-position: 0 -26px}
.right_bar_tem.xcx i{ background-position: 0 -52px}
.right_bar_tem.wx:hover i{ background-position: -32px 0}
.right_bar_tem.wb:hover i{ background-position: -32px -26px}
.right_bar_tem.xcx:hover i{ background-position: -32px -52px}
.right_bar_tem span{ position: absolute; top: 44px; left: 0; width: 100%; font: 14px/16px "Microsoft Yahei"; text-align: center; color: #aaa;}
.right_bar_tem:hover span{ color: #fb7299;}

.right_bar_qrcode{ display: none; position: absolute; top: 0; left: 90px; width: 144px; padding: 10px; background-color: #fff; border-radius: 4px; box-shadow: 0 0 16px 6px #dfdfdf; box-sizing: border-box; z-index: 999;}
.right_bar_tem:hover .right_bar_qrcode{ display: block;}
.right_bar_qrcode:before{ position: absolute; top: 30px; left: -6px; width: 0; height: 0; border: 5px solid transparent; border-left: 3px solid transparent; border-right: 3px solid #fff; content: ""}
.right_bar_qrcode img{ width: 100%;}
.right_bar_qrcode p{ margin-top: 8px; font: 12px/14px "Microsoft Yahei"; color: #aaa; text-align: center;}

.toTop{display: none; position: fixed; bottom: 20px; left: 50%; width: 42px; height: 29px; margin-left: 674px; background: url(../images/icon_top.png) no-repeat 0 0; cursor: pointer;}
.toTop:hover{ background-position: -42px 0;}


.frd_link{ margin-bottom: 30px;}
.frd_link img{ float: left; width: 232px; height: 60px; margin-right: 10px;}

/*.bot_link_tem{ position: relative; float: left; width: 232px; height: 60px; margin-right: 10px; background-color: #034f80; z-index: 10;}*/
select.bot_link_tem{ position: relative; float: left; width: 232px; height: 60px; margin-right: 10px; font-size: 16px; color: #fff; text-align-last: center; background-color: #034f80; border: none; z-index: 10;}
.bot_link_tem.nomar{ margin-right: 0}
/*.bot_link_tem:after{ position: absolute; right: 10px; top: 26px; width: 0; height: 0; border-width: 10px 5px 0; border-style:solid; border-color: #4499cf transparent transparent; content: "";}
.bot_link_des{ font-size: 16px; line-height: 60px; color: #fff; text-align: center; cursor: pointer;}
.bot_link_list{ display: none; position: absolute; top: 59px; left: 0; min-width: 232px; max-height: 200px; background-color: #fff; overflow-y: scroll;}
.bot_link_tem.active .bot_link_list{ display: block;}
.bot_link_list.scroll{}
.bot_link_list ul li{ height: 40px; padding: 0 10px; font-size: 14px; line-height: 40px;  white-space: nowrap;}
.bot_link_list ul li:hover{ background-color: #eee;}
.bot_link_list ul li a{ display: block;}*/

.footer{ padding: 26px 0; background-color: #ffeff3; border-top: 3px solid #fb7299;}
.footer p{ font-size: 16px; line-height: 30px; color: #333; text-align: center;}
.footer p a{ color: #333;}